<template>
  <div class="top-nav">
    <router-link to="/" class="nav-items">注单</router-link>
    <router-link to="/goods" class="nav-items">上分</router-link>
    <router-link to="/chat" class="nav-items">下分</router-link>
    <router-link to="/lang" class="nav-items">用户管理</router-link>
    <router-link to="/lang" class="nav-items">游戏管理</router-link>
    <router-link to="/lang" class="nav-items">机器人</router-link>
    <router-link to="/lang" class="nav-items">常用语</router-link>
  </div>
</template>

<script>
    export default {
        name: "TopNav"
    }
</script>

<style scoped lang="less">
  .top-nav {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    height: 60px;
    .nav-items {
      color: #fff;
      cursor: pointer;
      height: 60px;
      line-height: 60px;
      font-size: 14px;
      padding: 0 15px;
    }
    .nav-items:hover, .nav-items.active {
      background: #e95151;
    }
  }
</style>
